// 基础设置
@import "setting";

// 皮肤调用
@import "@{color-setting}";

@import "override";

@import "common";

@import "mixins";

html {
  height: 100%;
  display: flex;
  body {
    flex: 1;
    margin: 0;
    display: flex;
    font-size: 28px;
    color: @color-font;
    overflow: auto;
    #app {
      flex: 1;
      display: flex;
      overflow: auto;
    }
  }
}

.rt-app-container {
  flex: 1;
  display: flex;
  overflow: auto;
  & > div {
    flex: 1;
    background-color: @color-background;
    overflow: auto;
    display: flex;
    flex-direction: column;
  }
}

.am-carousel {
  .slider-list {
    height: 82px !important;
  }
}

.am-modal-transparent {
  width: 90% !important;
  &.rt-cue-modal {
    .am-modal-footer {
      .am-modal-button-group-h {
        .am-modal-button:first-child {
          & + .am-modal-button {
            background-color: @color-bg-level-4 !important;
          }
        }
      }
    }
  }
  .am-modal-content {
    background-color: @color-bg-level-2;
    padding-top: 0 !important;
    .am-modal-header {
      padding: 0;
      border-bottom: 2px solid @color-border;
      padding: 28px 0;
      .am-modal-title {
        font-size: 32px;
        color: @color-font;
      }
    }
    .am-modal-body {
      padding: 0 !important;
      color: @color-font;
      .rt-info-box {
        border-bottom: 2px solid @color-border;
        display: flex;
        justify-content: space-around;
        padding: 40px 0;
        & > div {
          display: flex;
          flex-direction: column;
          & > span {
            &:first-child {
              font-size: 28px;
              padding-bottom: 12px;
            }
            &:last-child {
              font-size: 24px;
            }
            &.-diff-color {
              color: @color-up;
            }
          }
        }
        .rt-cue-msg {
          font-size: 28px;
          padding: 8px 0;
        }
      }
      .rt-switch-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 38px;
        border-bottom: 2px solid @color-border;
        span {
          font-size: 28px;
        }
      }
    }
    .am-modal-footer {
      .am-modal-button-group-h {
        border-top: none;
        .am-modal-button:first-child {
          border-right: none;
          color: @color-font-level-1;
          background-color: @color-bg-level-2;
          & + .am-modal-button {
            color: @color-font;
            background-color: @color-up;
          }
        }
      }
    }
  }
}

.am-switch {
  input[type="checkbox"]:checked + .checkbox {
    background: @color-bg-level-3;
  }
  .checkbox {
    background: @color-border;
    &:before {
      background: @color-bg-level-2;
    }
    &:after {
      background: @color-border;
    }
  }
}

.am-modal-body {
  box-sizing: border-box;
  background-color: @color-background;
  color: @color-font;
  font-size: 28px;
}

@import "../../components/public/style";
@import "../../components/user/style";
@import "../../components/trade/style";
@import "../../components/account/style";
@import "../../components/finance/style";
@import "../../components/insulation/style";
@import "../../components/foreign-currency/style";